# 基础篇 1：小程序开发基础知识

# 准备工作

小程序开发要先注册小程序账号，有了小程序账号才可以使用开发者工具。小程序是一种特殊的开发形式，里面的 API 和组件都是自己定制的，因此在普通的浏览器中不能预览，要预览功能和页面就需要使用开发者工具。

# 注册小程序账号

先准备一个没有注册过公众号的邮箱，然后访问小程序介绍页面并点击底部的「前往注册」按钮，再按照提示填写个人信息，最后进入邮箱激活账号即可。

详细流程请参考官方文档。

# 安装开发者工具

小程序有自己的开发者工具，可以编写代码，实时查看页面和功能效果，还能在开发者工具中进行 debug。小程序开发者工具是使用 NW.js 编写的。

开发者工具下载地址：微信开发者工具

# 使用开发者工具演示 WeUI

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含 button、cell、dialog、 progress、 toast、article、actionsheet、icon 等各式组件。

WeUI 有两个版本，一个是普通的 HTML5 版本，另外是小程序版本。本节我们通过 WeUI 来简单学习开发者工具的使用。

首先下载 WeUI 源码：

# https 方式（推荐）
git clone https://github.com/Tencent/weui-wxss.git
# 或者 ssh 方式
git clone git@github.com:Tencent/weui-wxss.git

打开开发者工具，使用注册时绑定的微信账号扫码登录，这时在进入的界面中选择「小程序项目」，如果是初次使用小程序开发者工具，没有创建过小程序项目，就会进入下面的页面：

在这个页面，先选择我